<template>
  <div>
    <h1>【aty-iframe】 component demo</h1>
    <p>【aty-iframe】本质是一个iframe</p>
    <aty-row class="fd-iframe-box">
      <aty-title level="4">1. 【aty-iframe】定高 </aty-title>
      <aty-row>
        <aty-iframe class="fd-iframe" height="200px" src="/static/iframe.html" sandbox="allow-forms" @load="loadIframe" />
      </aty-row>

      <aty-title level="4">1. 【aty-iframe】 自动高  </aty-title>
      <aty-row>
        <aty-iframe class="fd-iframe" auto-height src="/static/iframe.html" @load="loadIframe" />
      </aty-row>
    </aty-row>

    <br />
  </div>
</template>
<script>
//  import { Alert, Icon } from 'Artery';
export default {
  methods: {
    loadIframe (height) {
      console.log(height)
    }
  }
  //  components: { Alert, Icon }
}
</script>
<style  lang="less"  type="link/less"  scoped >
    .fd-iframe-box {
        margin: 20px;
    }
    .fd-iframe {
        border: 1px solid #ddd;
    }
</style>
